/*reset*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0;padding: 0; position: relative; font-family: '微软雅黑'!important; }
body,button,input,select,textarea{font:16px/1.5 tahoma,'\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a,a:hover,a:link{text-decoration:none;}
a:focus{color: #fff;}
p, span{font-family: '微软雅黑'!important;}
*, *:before, *:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img{border:0}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
h1{display: none;}
html{height: 100vh;}
body{font-family:'\5FAE\8F6F\96C5\9ED1'; background: #fff; min-width: 1200px; min-height: 100vh;}
ul{list-style: none;}
.sp,:before,:after{background: url("../images/sp.png") no-repeat; }
/*body开始*/
.bg{position: relative; z-index: 1; }
.main{overflow: hidden; margin: 0 auto; min-height: 660px; position: relative;}
/*header*/
.header-bg{overflow: hidden; margin: 0 auto; min-width: 1300px; position: relative;}
.header-bg .header{ width: 100%; height: 100px; margin: 0 auto; padding: 0 5%; background: rgba(1, 31, 55, 0.5); position: absolute; left:0; top:0; z-index: 2;}
.logo{ overflow: hidden; display: block; float: left; width: 310px; height: 66px; margin: 17px auto; }
.nav-box{margin: 0 auto; float: right; width: calc(100% - 310px); padding-left: 20px;}
.nav-box .top-sell{ height: 42px; margin: 5px auto ; width: 100%; }
.nav-box .way{margin: 0 auto; float: right; padding: 10px 0; position: relative;}
.nav-box .way p{overflow: hidden; margin: 0 auto; float: left; font-size: 18px; color: #fff; height: 22px; line-height: 22px;}
.nav-box .way p i{ overflow: hidden; display: block; width: 20px; height: 20px; float: left; margin: 1px 5px;}
.nav-box .way p i img{ display: block; width: 100%; height: 100%; }
.nav-box .way .wx-btn{display: block; width: 22px; height: 22px; border-radius: 50%; float: right; margin-left: 10px; background-position: -4px -3px; background-color: #fff;}
.wx-ewm{overflow: hidden; position: absolute; top:40px; right:-33px; width: 88px; display: none;}
.wx-ewm:before{ content: ""; color: #fff; display: block; margin: 0 auto; width: 0; height: 0; border-bottom: 7px solid;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent; }
.wx-ewm img{display: block; width: 100%; object-fit: cover; }
.nav-box .nav{margin: 0 auto; float: right; }
.nav-box .nav ul{margin: 0 auto; float: left; position: relative; z-index: 66;}
.nav-box .nav ul li{margin: 0 18px; float: left;}
.nav-box .nav ul li:hover .Navigation div{}
.nav-box .nav .Navigation{ margin: 0 auto; position: relative;}
.nav-box .nav .Navigation>a{display: block; margin: 0 auto; font-size: 16px; color: #fff; height: 48px; line-height: 40px; text-align: center;}
.nav-box .nav .Navigation div{ position: absolute; top:48px; left:-15px; overflow: hidden; margin: 0 auto; width: 100px; height: 0; transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; z-index: 0; }
.nav-box .nav .Navigation div a{ overflow: hidden; margin: 0 auto; display: block; font-size: 16px; color: #fff; text-align: center; background: rgba(1, 31, 55, 0.5); height: 40px; line-height: 40px; }
.nav-box .nav .Navigation div a:hover{ color: #f00; }
.nav-box .nav .nav-seek{display: block; float: left; min-width: 50px; padding: 0 10px; height: 40px; position: relative; z-index: 997; }
.nav-box .nav .seek-bg{overflow: hidden; width: 0; height: 40px; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; position: absolute; top:0; right:10px; background: rgba(0, 0, 0, 0.2); border-radius: 20px;}
.nav-box .nav .seek-bg input{overflow: hidden; float: left; width: 180px; height: 30px; line-height: 30px; border: none; padding: 0 10px; margin: 0 auto; font-size: 16px; color: #666;}
.nav-box .nav .nav-seek .seek-btn{overflow: hidden; margin: 5px auto; display: block; width: 30px; height: 30px; background-position: -30px 0; position: absolute; top:0; right:10px; opacity: 1; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;}
.nav-box .nav .nav-seek .seek-btn2{overflow: hidden; margin:5px; display: block; width: 30px; height: 30px; background-position: -30px 0;}
.nav-box .nav .nav-seek .close-btn{overflow: hidden; margin: 0 5px; display: block; width: 30px; height: 30px; line-height: 27px; font-size: 24px; color: #999; text-align: center; float: left; background: #fff; border-radius: 50%; }
.nav-box .nav .nav-seek input::placeholder{ color: #ccc; }
.nav-box .nav .edition{ overflow: hidden; margin: 0 auto; float: left;}
.nav-box .nav .edition a{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #fff; display: block; height: 40px; line-height: 40px;  float: left;}
.nav-box .nav .edition span{ float: left; color: #fff; display: block; margin: 9px;}

/*footer*/
.footer{width: 100%; height: 500px; overflow: hidden; margin: auto; position: relative; z-index: 98; background: url("../images/fot_bg.png") no-repeat center bottom #1d68a2;}
.foter-1{ overflow: hidden; margin: 0 auto; width: 1200px; padding: 50px 0;}
.foter-1 .foter-1-left{ overflow: hidden; float: left;}
.foter-1 .foter-1-left i{overflow: hidden; float: left; width: 310px; height: 66px; display: block; margin: 35px auto; }
.foter-1 .foter-1-left i img{width: 100%; height: 100%; display: block; object-fit: cover; }
.foter-1 .fot-nav{ overflow: hidden; float: left; width: calc(100% - 310px - 112px); padding: 0 100px; }
.fot-nav .fot-nav-bt{ overflow: hidden; margin: 0 auto;}
.fot-nav .fot-nav-bt h3{ overflow: hidden; margin: 10px auto; font-size: 18px; color: #fff; text-align: left; }
.fot-nav .fot-nav-bt span{ overflow: hidden; margin: 0 auto; width:28px; height: 1px; background: #fff; float: left; }
.fot-nav .fot-nav-box{ overflow: hidden; margin: 0 auto;}
.fot-nav .fot-nav-box ul{ overflow: hidden; margin: 10px auto;}
.fot-nav .fot-nav-box ul li{ overflow: hidden; margin: 10px auto; width: calc((100% - 40px) / 2); float: left;}
.fot-nav .fot-nav-box ul li i{ overflow: hidden; float: left; margin: 0 auto; margin-right: 10px; }
.fot-nav .fot-nav-box ul li p{ overflow: hidden; float: left; font-size: 16px; color: #fff; width: 88%; }
.foter-1 .foter-1-right{ overflow: hidden; float: right; width: 112px;}
.foter-1 .foter-1-right i{ overflow: hidden; float: right; width: 112px; height: 112px; display: block; }
.foter-1 .foter-1-right i img{ width: 100%; height: 100%; display: block;object-fit: cover; }
.foter-1 .foter-1-right p{ font-size: 16px; color: #fff; text-align: center; }
.foter-2{ margin: 0 auto; width: 1200px; padding: 20px 0; border-top: 1px solid #fff;}
.foter-2 .foter-2-left{ overflow: hidden; float: left; width: 70%;}
.foter-2 .foter-2-left p{ overflow: hidden; float: left; height: 40px; ;line-height: 40px; font-size: 16px; color: #fff;}
.foter-2 .foter-2-left p a{ overflow: hidden; font-size: 16px; color: #fff;}
.foter-2 .foter-2-right{ height: 40px; float: right; width: 30%;}
.foter-2 .foter-2-right .pull-down{ float: right; position: relative;}
.foter-2 .foter-2-right .pull-down input{ border: none; color: #cccccc; font-size: 12px; background: #fff; height: 40px; line-height: 40px; float: left; padding: 0 10px; width: 185px;}
.foter-2 .foter-2-right .pull-down button{width: 48px; height: 40px; display: block; float: left; border: none; background: #cccccc;}
.foter-2 .foter-2-right .pull-down button:before{content: ""; width: 12px; height: 12px; display: block; margin: 17px auto; background: none; border-top:1px solid #fff; border-left: 1px solid #fff; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.foter-2 .foter-2-right .pull-down-1{width: 100%; overflow: hidden; margin: 0 auto; position: absolute; top: 40px; left:0; background: #fff; max-height: 150px; overflow-y: scroll; overflow: hidden; border: 1px solid #ddd;}
.foter-2 .foter-2-right .pull-down-1 a{overflow: hidden; margin: 0 auto; font-size: 16px; color: #000; width: 100%; display: block; height: 39px; line-height: 39px; text-align: center; border-bottom: 1px solid #ddd;}
.foter-2 .foter-2-right .rwm_div{overflow: hidden; float: right; padding: 13px 0;}
.foter-2 .foter-2-right .rwm_div img{display: block; margin: 0 auto; width: 77px; height: 77px;}
.foter-2 .foter-2-right .rwm_div p{font-size: 16px; color: #ffffff; text-align: center;}

/*滚动条*/
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:-15px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#61c1bf}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#61c1bf}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#61c1bf}
body .slimScrollBar{width:10px!important;background:#61c1bf!important;opacity:1!important;right:-15px!important}
body .slimScrollBar{background:#61c1bf!important}
body .slimScrollBar{background:#61c1bf!important}

/*分页*/
.paging{overflow: hidden; margin: 40px auto; }
.paging a{font-size: 16px; color: #999999; text-align: center; height: 30px; line-height: 30px; padding: 0 10px; margin: 0 5px; display: block; float: left; background: #efeff4;}
.paging a:hover{background: #167be1; color: #fff;}
.paging span{font-size: 16px; color: #999999; text-align: center; margin: 0 5px; width: 30px; height: 30px; line-height: 30px; display: block; float: left;background: #efeff4;}
.paging span.bbo{color: #fff; background: #167be1;}

/*文章分页*/
.article_paging{overflow: hidden; margin: 0 auto; width: 70%; float: left;}
.article_paging ul{overflow: hidden; margin: 0 auto;}
.article_paging ul li{float: left; overflow: hidden; max-width: 50%; margin-right: 20px; }
.article_paging ul li span{float: left; font-size: 16px; color: #666666; margin: 0 10px;}
.article_paging ul li a{float: left; font-size: 16px; height: 34px; line-height: 34px; color: #666666; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border: 1px solid #bbbbbb; border-radius: 3px; padding: 0 10px;}
.article_paging ul li a:hover{color: #fff; background: #5fd2b6; background: -webkit-linear-gradient(left, #63daa1 , #1fd6f7); /* Safari 5.1 - 6.0 */ border-color: #5fd2b6;}
.article_paging ul li a:hover span{color: #fff; }

.banner{overflow: hidden; margin: 0 auto; height: 561px; position: relative; z-index: 1; }
.banner ul{overflow: hidden; margin: 0 auto; width: 100%; height: 100%; }
.banner ul li{overflow: hidden; margin: 0 auto; position: relative;}
.banner ul li i{margin: 0 auto 0; display: block; width: 100%; height: 561px;}
.banner ul li i img{margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover;}
.banner ul li p{margin: 0 auto; display: block; position: absolute; top:100px; left:150px; z-index: 5;}
.banner ul li span{display: block; position: absolute; bottom:0; left:0; right:0; margin: auto;}
.banner ul li span img{display: block; margin: 0 auto;}
.banner ul li .gm{overflow: hidden; margin: 0 auto; position: absolute; bottom: 0; left:0; width: 100%; z-index: 20;}
.banner ul li .gm img{display: block; margin: 0 auto; width: 100%; height: 108px; object-fit: cover;}
.banner .The-dog{overflow: hidden; margin: 0 auto; position: absolute; bottom: 0; left:0; z-index: 2;}
.banner .The-dog img{ margin: 0 auto; display: block; float: left;}

/*banner*/
.idx-banner{ overflow: hidden; margin: 0 auto; position: relative; z-index: 1; }
.carousel-indicators li{ width: 18px; height: 18px; background: url("../images/banner_ico.png") no-repeat center; border: none; border-radius: 0; margin: 0 auto;}
.carousel-indicators .active{ width: 18px; height: 18px; background: url("../images/banner_ico2.png") no-repeat center; }


/*轮播*/
.index .zy-Slide{height:362px;}
.presents .zy-Slide{height:400px;}
.idx-gg2{overflow: hidden; margin: 0 auto; width: 100%;}
.tab-lb{overflow: hidden; margin: 0 auto; width: 100%; position: relative;}
.zy-Slide{font-size:12px;width:auto; display: table; margin:50px auto;}
.zy-Slide ul{position:relative;width:1200px;height:362px;margin:0;padding:0}
.zy-Slide li{position:absolute;list-style:none; width:0;height:0;top:146px;left:377px;z-index:0;cursor:pointer;border-radius:3px;margin:0;padding:0; overflow: hidden;}
.zy-Slide li img{width:100%;height:100%;vertical-align:middle}
.zy-Slide section:nth-child(1),.zy-Slide section:nth-child(2){position:absolute;top:50%;width:190px;height:447px;margin-top:-223px;cursor:pointer;text-indent: -9999px; z-index: 97;}
.zy-Slide section:nth-child(1){left:0; background: url("../images/left_btn.png") no-repeat; }
.zy-Slide section:nth-child(2){right:0; background: url("../images/right_btn.png") no-repeat; }
.zy-Slide li h4{ overflow: hidden; padding: 10px 5px; font-size: 18px; color: #ffffff; text-align: center; position: absolute; left:0; right:0; bottom: 0; margin: auto; width: 100%;opacity: 0; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; }
.zy-Slide li span{ overflow: hidden; font-size: 16px; padding: 10px 0; color: #ffffff; text-align: center; position: absolute; left:0; right:0; bottom: 0; margin: auto; width: 100%;opacity: 0; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;  }
.zy-Slide li:hover span{opacity: 0; }
.zy-Slide li:hover h4{opacity: 1; }


/*index*/
.index{overflow: hidden; margin: 0 auto;}
.idx-bg{overflow: hidden; margin: 0 auto;}
.index .kind-1{ background: url("../images/idx_bg2.jpg") no-repeat center;}
.index .kind-2{ background: url("../images/idx_bg3.jpg") no-repeat center; }
.index .kind-3{ background: url("../images/idx_bg4.jpg") no-repeat center;  padding-bottom: 100px;}
.index .idx-bt{ overflow: hidden; margin: 50px auto;  }
.index .idx-bt span{ overflow: hidden; margin: 0 auto; font-size: 16px; text-align: center; display: block; }
.index .idx-bt h3{ overflow: hidden; margin: 5px auto; font-size: 36px; text-align: center; font-weight: bold; }
.index .idx-bt i{ overflow: hidden; margin: 10px auto; display: block;}
.index .idx-bt i img{ margin: 0 auto; display: block;}
.index .hue-1 span{ color: #999999; text-transform: capitalize; }
.index .hue-1 h3{ color: #011f37; }
.index .hue-2 span{ color: #fff; }
.index .hue-2 h3{ color: #fff; }
.index .kind-box{ overflow: hidden; margin: 0 auto; }
.index .kind-1-box{margin: 0 auto; display: block; padding-bottom: 60px;}
.index .kind-1-box .bx-wrapper{margin: 0 auto; position: relative;}
.index .kind-1-box .bx-viewport{padding: 15px 0;}
.index .kind-1-box .slide{ margin: 0 auto;}
.index .kind-1-box .slide a{ overflow: hidden; margin: 0 auto; display: block; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; }
.index .kind-1-box .slide a h4{ overflow: hidden; margin: 0 auto; font-size: 20px; color: #333333; text-align: center; height: 85px; line-height: 85px; display: block; }
.index .kind-1-box .slide a i{overflow: hidden; margin: 0 auto; width: 100%; height: 250px; display: block; }
.index .kind-1-box .slide a img{ overflow: hidden; margin: 0 auto; width: 100%; height: 100%; display: block;  transition: all 0.6s; }
.index .kind-1-box .slide a span{ overflow: hidden; overflow-y: scroll; padding:20px; line-height: 26px; font-size: 16px; text-align: justify; color: #fff;  position: absolute; bottom: 0; left:0; right:0; margin: auto; height:0; background: rgba(0, 0, 0, 0.3);  opacity: 0; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; font-family: "仿宋"!important; }
.index .kind-1-box .slide a span::-webkit-scrollbar{ display: none;}
.index .kind-1-box .slide:hover{box-shadow: rgba(0, 0, 0, 0.0) 0 3px 20px; }
.index .kind-1-box .slide:hover a{ background: #5ab3ff; }
.index .kind-1-box .slide:hover a span{ height: 250px;opacity: 1; }
.index .kind-1-box .slide:hover a h4{ color: #fff; }
.index .kind-1 .bx-controls-direction{overflow: hidden; margin: 0 auto; height: 100%;}
.index .kind-1 .bx-controls-direction a{ width: 83px; height: 83px; display: block; position: absolute; bottom: -135px; text-indent: -9999px; margin: auto; }
.index .kind-1-box .bx-pager{ display: none; }
.index .kind-1 .bx-controls-direction a.bx-prev{  background: url("../images/left_btn.png") no-repeat center; left:3%;}
.index .kind-1 .bx-controls-direction a.bx-next{  background: url("../images/right_btn.png") no-repeat center; right:3%; }
.Learn-more{ width: 236px; color: #fff; text-align: right; height: 55px; line-height: 55px; display: block; font-size: 16px; border-radius: 5px; background: #0093dd; margin: 70px auto; box-shadow: rgba(0, 0, 0, 0.3) 0 5px 10px;  }
.Learn-more:hover{background: -webkit-linear-gradient(top, #3eede7 , #1477e1);
	background: -o-linear-gradient(bottom, #3eede7 ,#1477e1);
	background: -moz-linear-gradient(bottom, #3eede7 , #1477e1);
	background: linear-gradient(to bottom, #3eede7 , #1477e1); color: #fff; }
.Learn-more:after{ content: ""; width: 15px; height: 15px; display: block; border-top: 1px solid #fff; border-right: 1px solid #fff; background: none; float: right;  margin: 20px 30px; margin-right: 60px; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.Learn-more2{width: 236px; color: #fff; text-align: center; height: 55px; line-height: 55px; display: block; font-size: 16px; border-radius: 5px; background: #0093dd; margin: 70px auto; box-shadow: rgba(0, 0, 0, 0.3) 0 5px 10px;  }
.Learn-more2:hover{ color: #fff; }
.news-lidt{overflow: hidden; margin: 0 auto; width: 1200px;}
.news-lidt ul{overflow: hidden; margin: 0 auto;}
.news-lidt ul li{overflow: hidden; margin: 0 auto; background: #fff; width: 285px; float: left; margin-right: 20px; }
.news-lidt ul li:nth-of-type(4n){ margin-right: 0; }
.news-lidt ul li:hover{ background: #3597e5; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
.news-lidt ul li:hover img{ transform: scale(1.4);}
.news-lidt ul li:hover .list-txt h4{ color: #fff; }
.news-lidt ul li:hover .list-txt p{ color: #fff; }
.news-lidt ul li:hover .mark-box p{ color:#fff; }
.news-lidt ul li:hover .mark-box span{ right:0;}
.news-lidt ul li:hover .mark-box{ border-color: #fff;}
.news-lidt ul li a{overflow: hidden; margin: 0 auto; display: block;}
.news-lidt ul li a i{overflow: hidden; margin: 0 auto; display: block; width: 285px; height: 200px;}
.news-lidt ul li a i img{margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; }
.news-lidt .list-txt{ overflow: hidden; margin: 0 auto; padding: 10px 15px;}
.news-lidt .list-txt h4{ overflow: hidden; margin: 10px auto; font-size: 16px;  color: #333333; text-align: left; display: block; white-space:nowrap; text-overflow:ellipsis; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
.news-lidt .list-txt p{overflow: hidden; margin: 20px auto; font-size: 16px;  color: #999999; height: 41px; line-height: 41px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
.news-lidt .mark-box{ overflow: hidden; margin: 0 auto; padding: 0 15px; border-top: 1px solid #ddd; position: relative; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;  }
.news-lidt .mark-box p{ overflow: hidden; margin: 0 auto; height: 50px; line-height: 50px; float: left; font-size: 16px; color: #999999; text-align: left; width: calc(100% - 55px); transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
.news-lidt .mark-box span{margin: 0 auto;  width: 55px; height: 50px; display: block; position: absolute; top:0; right:-55px; border-left: 1px solid #fff; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; background: #3597e5;}
.news-lidt .mark-box span:before{ content: ""; width: 16px; height: 16px; display: block; border-top: 1px solid #fff; background: none; border-right: 1px solid #fff; margin: 16px; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.tab-box{ overflow: hidden; margin: 0 auto; height: 470px; position: relative;}
.tab-box>div{position: absolute; top:-470px; left:0; transition: .6s; -moz-transition: .6s; -webkit-transition: .6s; opacity: 0.9;}
.tab-box>div.dis{top:0; z-index: 2; opacity: 1;}
.kind-3 .kind-box{ width: 100%; height: 100%; margin: 0 auto 50px; box-shadow: rgba(0, 0, 0, 0.1) 0 5px 10px;}
.kind-3-left{overflow: hidden; margin: 0 auto; width: 50%; height: 470px; float: left; position: relative;}
.kind-3-left div{ overflow: hidden; position: absolute; top:0; bottom: 0; left:0; right:0; width: 500px; height: 150px; margin: auto; margin-top: 150px;}
.kind-3-left div h4{overflow: hidden; margin: 20px auto; font-size: 24px; color: #fff; text-align: center;}
.kind-3-left div p{overflow: hidden; margin: 0 auto 20px; font-size: 16px; color: #fff; text-align: center;}
.kind-3-left div a{ overflow: hidden; margin: 0 25px; display: block; font-size: 16px; color: #fff; height: 40px; line-height: 40px; float: left; text-align: center;}
.kind-3-left div a i{ overflow: hidden; margin: 8px 2px; float: left; width: 24px; height: 24px; display: block;}
.kind-3-left div a i img{ overflow: hidden; margin: 0 auto; width: 100%; height: 100%; display: block;}
.kind-3-left img{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover; }
.kind-3-right{ overflow: hidden; margin: 0 auto; width: 50%; height: 470px; float: left; background: #fff; padding: 0 75px;}
.kind-3-right-bt{ overflow: hidden; margin: 45px auto; }
.kind-3-right-bt h3{ overflow: hidden; margin: 0 auto; font-size: 24px; color: #1579e1; font-weight: bold; }
.kind-3-right-bt p{ overflow: hidden; margin: 5px auto; font-size: 16px; color: #cccccc; }
.kind-3-right-txt{ overflow: hidden; margin: 0 auto 20px; height: 215px; }
.kind-3-right-txt p{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #999999; text-align: justify;  line-height: 30px; }
.kind-3-right .more-btn{overflow: hidden; margin: 0 auto; padding: 5px 0; font-size: 16px; color: #999999; text-transform: uppercase; width: 90px; display: block; float: left; border-bottom: 1px solid #2e92fb; }
.kind-3-right .more-btn:hover{ color: #0093dd; }
.kind-3-right .more-btn:hover span{ color: #0093dd; }
.viao-bg{overflow: hidden; margin: 0 auto; width: 100%; height: 470px; position: absolute; background: url("../images/subbanner_1.jpg") no-repeat; background-size: cover;}
.viao-bg div{overflow: hidden; margin: 150px auto 0; display: table;}

.viao-bg a{overflow: hidden; margin: 0 30px; padding: 5px 20px; font-size: 16px; color: #fff; text-align: center;  display: block; float: left; border-radius: 3px;}
.kind-3-right .more-btn span{ font-size: 18px; color: #999999; line-height: 20px; float: right; }
.tab-nav{ overflow: hidden; margin: 70px auto;display: table;}
.tab-nav a{ overflow: hidden; margin: 0 10px; display: block; width: 50px; height: 20px; line-height: 50px; font-size: 18px; color: #ffffff; text-align: center; border-radius: 10px; background: #0093dd; float: left;}
.tab-nav a.on{ background: #84c225; }

/*page*/
.page-gg{ overflow: hidden; margin: 0 auto;}
.overview-bg{overflow: hidden; margin: 0 auto; width: 1200px; position: relative; z-index: 1;}
.page-bt{ overflow: hidden; margin: 50px auto; width: 100%;}
.page-gg .hue-left h3{ text-align: left; }
.hue-left{ overflow: hidden; float: left;}
.hue-left span,.hue-left i{float: left;}
.page-gg .hue-right h3{ text-align: right; }
.hue-right{ overflow: hidden; float: left;}
.hue-right span,.hue-right i{float: right;}
.page-bt{ overflow: hidden; margin: 50px auto;}
.page-bt span{ overflow: hidden; margin: 0 auto; font-size: 16px; text-align: center; display: block; text-transform: capitalize; }
.page-bt h3{ overflow: hidden; width: 100%; margin: 5px auto; font-size: 36px; text-align: center; font-weight: bold;}
.hue-2 span{ overflow: hidden; margin: 0 auto; font-size: 16px; text-align: center; display: block;  color: #fff; }
.hue-2 h3{ overflow: hidden; width: 100%; margin: 5px auto; font-size: 36px; text-align: center; font-weight: bold; color: #fff;}
.page-bt i{ overflow: hidden; margin: 10px auto; display: block;}
.page-bt i img{ margin: 0 auto; display: block;}
/*overview*/
.overview{overflow: hidden; margin: 0 auto;}
.zch-19{overflow: hidden;  margin: 0  auto; width: 100%; height: 190px; background: #2b394b; position: absolute; bottom: 0; left:0; z-index: 0; }
.overview .overview-1{overflow: hidden; margin: 0 auto;}
.overview .overview-1 .slideBox{ height: auto; overflow-y: scroll;  }
.overview .overview-1 .slideBox .bd{width: 1200px;}
.overview-1 .picScroll-left .hd .prev{ position:absolute; left:0; top:0; bottom: 0; margin: auto;  display:block; z-index:10; width:33.33333%; height:100%; cursor:pointer; background:url('../images/about_l.png') no-repeat center 50% rgba(255, 255, 255, 0.66); border-right: 32px solid #fff;}
.overview-1 .picScroll-left .hd .next{ position:absolute; right:0; top:0; bottom: 0; margin: auto; display:block; z-index:10; width:33.33333%; height:100%; cursor:pointer; background:url('../images/about_r.png') no-repeat center 50% rgba(255, 255, 255, 0.66); border-left: 32px solid #fff;}
.overview .slideBox .bd ul{height: 440px;}
.overview .picScroll-left .bd ul li{height: 300px;}
.overview .picScroll-left .pic img{ width: 100%; height: 100%; display: block; object-fit: cover; }

.overview .overview-2{overflow: hidden; margin: 0 auto; padding-top: 50px; position: relative;}
.overview .intro-txt{overflow: hidden; margin: 0 auto 230px; float: left; width: 60%; background: #fff;}
.overview .intro-txt h4{ overflow: hidden; margin: 0 auto 20px; line-height: 32px; font-size: 26px; color: #0093dd;padding: 21px; display: inline-block; position: relative;}
.overview .intro-txt h4:before{ content: ""; width: 21px; height: 21px; display: block; position: absolute; top:0; left:0; background: url("../images/txt_bt_01.png") no-repeat; }
.overview .intro-txt h4:after{ content: ""; width: 21px; height: 21px; display: block; position: absolute; bottom:0; right:0; background: url("../images/txt_bt_02.png") no-repeat; }
.overview .intro-txt p{overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; line-height: 24px; }
.overview .intro-txt ul{ overflow: hidden; margin: 0 auto; padding-right: 10px;}
.overview .intro-txt ul li{ overflow: hidden; margin: 0 auto;}
.overview .intro-txt ul li span{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #333333; float: left; line-height: 32px;}
.overview .intro-txt ul li p{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; line-height: 32px; }
.overview .rw-head{overflow: hidden; position: absolute; bottom: 0; right:0;}
.overview .rw-head i{overflow: hidden; float: right;}
.overview .rw-head i img{ display: block; margin: 0 auto; }
.overview .overview-3{ overflow: hidden; margin: 0 auto; padding: 50px 0; }
.overview .overview-3 .time-box{ overflow: hidden; margin: 0 auto; }
.time-box .gallery-top .swiper-slide{overflow: hidden; margin: 0 auto; width: 100%;}
.time-box .gallery-top .swiper-slide>div{overflow: hidden; margin: 0 auto; width: 1200px; padding: 0 100px;}
.time-box .gallery-top .swiper-slide i{overflow: hidden; display: block; float: left; margin: 0 auto; width: 310px; height: 210px;}
.time-box .gallery-top .swiper-slide i img{ display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: cover;}
.time-box .gallery-top .swiper-slide .vita-txt{overflow: hidden; margin: 0 auto; float: left; width: calc(100% - 310px); padding-left: 55px; }
.time-box .gallery-top .swiper-slide .vita-txt h4{overflow: hidden; margin: 0 auto 20px; }
.time-box .gallery-top .swiper-slide .vita-txt h4 span{overflow: hidden; margin: 10px auto; display: block; font-size: 30px; color: #333333; font-weight: bold; }
.time-box .gallery-top .swiper-slide .vita-txt h4:after{ content: ''; display: block; width: 65px; height: 1px; background: #999999; }
.time-box .gallery-top .swiper-slide .vita-txt div{ overflow: hidden; margin: 0 auto; height: 130px; overflow-y: scroll; }
.time-box .gallery-top .swiper-slide .vita-txt div p{ overflow: hidden; font-size: 16px; color: #666666; line-height: 24px; }
.time-box .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background: url("../images/about_l.png") no-repeat center; left:5%; }
.time-box .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background: url("../images/about_r.png") no-repeat center; right:5%; }
.time-box .gallery-thumbs{ overflow: hidden; margin: 105px auto; position: relative;}
.time-box .gallery-thumbs .swiper-wrapper{width: 1200px;}
.time-box .gallery-thumbs:before{ content: ""; width: 100%; height: 1px; display: block; border-top: 1px dashed #ddd; background: none; position: absolute; top:12px; left:0;}
.time-box .gallery-thumbs .swiper-slide{ overflow: hidden; width: 110px; margin-right: 105px; float: left; }
.time-box .gallery-thumbs .swiper-slide i{overflow: hidden; margin: 0 auto; width: 25px; height: 25px; display: block; background: url("../images/ccc2.png") no-repeat center; float: none; }
.time-box .gallery-thumbs .swiper-slide-active i{overflow: hidden; margin: 0 auto; width: 25px; height: 25px; display: block; background: url("../images/blue2.png") no-repeat center; }
.time-box .gallery-thumbs .swiper-slide p{ overflow: hidden; margin: 0 auto; font-size: 30px; color: #999999; text-align: center; font-weight: bold; }
.time-box .gallery-thumbs .swiper-slide-active p{color: #0093dd;}
.overview-4{overflow: hidden; padding: 50px 0; margin: 0 auto; background: url("../images/overview_04_bg.jpg") center; }
.overview-4 .overview-box{overflow: hidden; margin: 0 auto; padding: 0 5%;}
.overview-4 .overview-box ul{overflow: hidden; margin: 50px auto; overflow-y: scroll; height: 380px; }
.overview-4 .overview-box ul li{overflow: hidden; margin: 0 3%; float: left; width: calc((100% - 24% ) / 4);}
.overview-4 .overview-box ul li i{overflow: hidden; margin: 0 auto; display: block; }
.overview-4 .overview-box ul li i img{ margin: 0 auto; display: block; }
.overview-4 .overview-box ul li h4{ overflow: hidden; margin: 30px auto; height: 44px;font-size: 20px; color: #333333; text-align: center; }
.overview-4 .overview-box ul li p{ overflow: hidden; margin: 30px auto; height: 48px; font-size: 16px; color: #666666; text-align: center; display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.overview-4 .overview-box ul li span{ overflow: hidden; margin: 0 auto; width: 56px; height: 2px; background: #666666; display: block; }
.overview-5{ overflow: hidden; margin: 0 auto; background: url("../images/overview_img_05.png") no-repeat right; background-size: auto 100%; }
.overview-5 .intro-txt{ overflow: hidden; margin: 0 auto 100px;}
.toggle-box{overflow: hidden; margin: 0 auto; min-height: 350px; position: relative;}
.toggle-box>div{ position: absolute; left:-100%; top:0;-webkit-animation:fadeOutLeft 1s .2s ease both;  -moz-animation:fadeOutLeft 1s .2s ease both; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; display: none; }
.toggle-box .dis{ left:0; -webkit-animation:fadeInRight 1s .2s ease both; -moz-animation:fadeInRight 1s .2s ease both; display: block;}
.article-tab{overflow: hidden; margin: 50px auto 10px;}
.article-tab a{overflow: hidden; margin: 0 auto; display: block; width: 18px; height: 18px; float: left; margin-right: 16px; background: url("../images/ccc.png") no-repeat center; }
.article-tab a.on{ background: url("../images/blue.png") no-repeat center;}
.overview-6{overflow: hidden; margin: 0 auto; height: 937px; background: url("../images/overview_06_bg.png") no-repeat center; position: relative;}
.overview-6 .overview-img{overflow: hidden; margin: 0 auto; height: 100%; display: block; position: absolute; bottom:0; left:-7%;opacity: 0.3;filter:alpha(opacity=30) }
.overview-6 .overview-img i{overflow: hidden; margin: 0 auto; height: 100%; display: block; }
.overview-6 .overview-img i img{overflow: hidden; margin: 0 auto; display: block; height: 100%; }
.overview-6 .timeline{overflow: hidden; margin: 0 auto 110px; height: 680px; overflow-y: scroll; float: right; position: relative; padding-right: 3px; }
.overview-6 .timeline::-webkit-scrollbar{ display: none; }
.overview-6 .timeline .jb{overflow: hidden; margin: 0 auto; display: block; width: 7px; height: 7px; border-radius: 50%; position: absolute; top:0; right:0; background: #0093dd; z-index: 2; }
.overview-6 .timeline ul{overflow: hidden; margin: 0 auto;  border-right: 1px solid #ccc; padding-right: 20px;}
.overview-6 .timeline ul li{overflow: hidden; margin: 0 auto; }
.overview-6 .timeline ul li p{overflow: hidden; margin: 0 auto; text-align: right; line-height: 34px; font-size: 16px; color: #333333; padding-right: 20px;}
.overview-6 .timeline ul li span{overflow: hidden; margin: 0 auto; display: block; float: right; height: 34px; line-height: 34px; }
.overview-7{overflow: hidden; margin: 0 auto; padding: 50px 0;}
.overview-7 .team-box{ margin: 50px auto; position: relative;}
.overview-7 .sjb-box{margin:0 auto; width:1200px; height: 490px; position:relative; }
.overview-7 .sjb-box ul{list-style-type:none; padding:0; margin:0; position:relative;width:100%; overflow: hidden;}
.overview-7 .sjb-box li{width:1200px; overflow: hidden; margin: 0 auto; position: absolute; top:0;
	-webkit-animation: fadeOutLeft 2s  ease both;
	-moz-animation: fadeOutLeft 2s  ease both;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	background: #fff;
}
.overview-7 .sjb-box li.dis{left:0; -webkit-animation:fadeInRight 2s  ease both;
	-moz-animation:fadeInRight 2s  ease both;}
.overview-7 .sjb-box li i{float:left; display: block; width: 334px; height: 490px;}
.overview-7 .sjb-box li i a{display: block; overflow: hidden; margin: 0 auto; height: 100%;}
.overview-7 .sjb-box li i img{display: block; width: 100%; height: 100%; margin: 0 auto; object-fit: cover;}
.overview-7 .sjb-box .team-r{ overflow: hidden; padding-left: 110px; margin-top: 100px; }
.overview-7 .sjb-box .team-r h4{ overflow: hidden; font-size: 22px; color: #333333; }
.overview-7 .sjb-box .team-r h4 a{ overflow: hidden; margin: 20px auto; font-size: 22px; color: #333333; float: left; display: block; width: 100%; }
.overview-7 .sjb-box .team-r h4 a span{ overflow: hidden; font-size: 16px; color: #999999; }
.overview-7 .sjb-box .team-r h4:after{content: ""; float: left; display: block; width: 44px; height: 1px; background: #cccccc; }
.overview-7 .sjb-box .team-txt {overflow: hidden; margin: 0 auto; height: 280px; padding: 20px 0; }
.overview-7 .sjb-box .team-txt p{overflow: hidden; margin: 0 auto; font-size: 16px!important; color: #666666; line-height: 28px!important; }
.overview-7 .sjb-box .team-txt p span{overflow: hidden; margin: 0 auto; font-size: 16px!important; color: #666666; line-height: 28px!important; }
.overview-7 .team-r .even-more{ font-size: 16px; color: #fff; text-align: center; display: block; width: 120px; height: 40px; line-height: 40px; border-radius: 5px; background: #0093dd; float: right; }
.overview-7 .prev{position:absolute; left:5%; top:0; bottom: 0; margin: auto; width: 24px; height: 43px; display: block; }
.overview-7 .next{position:absolute; right:5%; top:0; bottom: 0; margin: auto;  width: 24px; height: 43px; display: block;  }

/*分享*/


/*presents*/
.presents{ overflow: hidden; margin: 0 auto; }
.cgd-277{overflow: hidden; margin: 0 auto; width: 100%; height: 277px; background: #f6f6f6; position: absolute; left:0; bottom: 0;}
.presents-1{ overflow: hidden; margin: 0 auto; background: url("../images/presents_bg.jpg") no-repeat center bottom; }
.presents-1 .presents-box{ overflow: hidden; margin: 0 auto; }
.presents-1 .slideBox .bd{overflow: hidden; margin: 0 auto; width: 100%; padding: 0 5%; }
.presents-1 .slideBox .bd li{overflow: hidden; margin: 0 auto; position: relative;}
.presents-1 .slideBox .note-txt{ overflow: hidden; margin: 0 auto; position: relative; z-index: 2; padding: 0 100px;}
.presents-1 .note-txt i{overflow: hidden; margin: 0 auto 50px; float: left; width: 382px; height: 382px; display: block; border-radius: 50%; border: 1px solid #ddd; background: #fff; position: relative;}
.presents-1 .note-txt i img{overflow: hidden; display: block; width: 100%; position: absolute; top:0; left:0; right:0; bottom: 0; margin: auto; -webkit-animation:pulse2 1s .2s ease both;
	-moz-animation:pulse2 1s .2s ease both; }
@-webkit-keyframes pulse2{
	0%{-webkit-transform:scale(0)}
	100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse2{
	0%{-moz-transform:scale(0)}
	100%{-moz-transform:scale(1)}
}
.presents-1  .note-txt-r{ overflow: hidden; margin: 0 auto; padding-left: 70px; padding-top: 45px; }
.presents-1  .note-txt-r h4{ overflow: hidden; margin: 50px auto; font-size: 30px; color: #333333; -webkit-animation:pulse2 1s .2s ease both;
	-moz-animation:pulse2 1s .2s ease both;}
.presents-1  .note-txt-r h4 span{overflow: hidden; margin: 0 10px; font-size: 16px; color: #999999;}
.presents-1  .note-txt-r h4 span{overflow: hidden; margin: 0 10px; font-size: 16px; color: #999999;}
.presents-1  .note-txt-r div{overflow: hidden; margin: 70px auto 0; height: 160px; overflow-y: scroll; }
.presents-1 .note-txt-r div p{overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; text-indent: 0; line-height: 30px; -webkit-animation:fadeInRight 1s .2s ease both;
	-moz-animation:fadeInRight 1s .2s ease both;}
.presents-1 .picScroll-left .hd .prev{ position:absolute; left:10%; top:0; bottom: 0; margin: auto;  display:block; z-index:10; width:24px; height:43px; cursor:pointer; background:url('../images/about_l.png') no-repeat center 50%; }
.presents-1 .picScroll-left .hd .next{ position:absolute; right:10%; top:0; bottom: 0; margin: auto; display:block; z-index:10; width:24px; height:43px; cursor:pointer; background:url('../images/about_r.png') no-repeat center 50%; }
.presents-1 .picScroll-left .picList{overflow: hidden; margin: 0 auto; }
.presents-1 .picScroll-left .picList li{overflow: hidden; margin: 0 20px; float: left;}
.presents-1 .picScroll-left .bd .tempWrap{ overflow: hidden; margin: 0 auto; }
.presents-1 .picScroll-left .bd ul li .pic{ overflow: hidden; margin: 20px auto; width:192px; height: 192px; display: block; border: 1px solid #ddd; border-radius: 50%; position: relative; float: none; background: #fff;}
.presents-1 .picList .pic img{display: block; position: absolute; top:0; left:0; right:0; bottom: 0; margin: auto; }
.presents-1 .picList h4{ overflow: hidden; margin: 0 auto; display: block; width: 100%; font-size: 20px; color: #333333; }
.presents-1 .picList span{ overflow: hidden; margin: 0 auto; display: block; width: 100%; font-size: 16px; color: #999999; }
.presents-2{ overflow: hidden; margin: 0 auto; background: url("../images/presents_bg2.jpg") no-repeat center; }
.presents-2 .entire-box{ overflow: hidden; margin: 0 auto 50px; overflow-y: scroll; width: 1200px; height: 525px; }
.presents-2 .entire-box a:hover{ color: #f00; }
.presents-2 .entire-box a:hover:before{ border-color: #f00; }
.presents-2 .entire-box a{ overflow: hidden; margin: 10px auto;  width: 33.33%; float: left; display: block; font-size: 16px; color: #ffffff; padding:0 20px; position: relative; }
.presents-2 .entire-box a:before{ content: ""; width: 5px; height: 5px; display: block; border-radius: 50%; border: 1px solid #fff; position: absolute; top:0; ;left:0; bottom: 0; margin: auto; }
.presents-3{ overflow: hidden; margin: 0 auto; }
.presents-3 .roe-box{margin: 0 auto 150px; width: 1200px; position: relative;}
.roe-box .scroll{ overflow: hidden; margin: 0 auto; width: 1200px; height: 540px; position: relative;  background: url("../images/presents_bg3.jpg") no-repeat center; background-size: 100%;}
.hr-3 .roe-box .scroll{ overflow: hidden; margin: 0 auto; width: 1200px; height: 540px; background: none;}
.roe-box .scroll ul{ overflow: hidden; margin: 0; position: absolute; top:0; padding: 0; height: 540px;}
.roe-box .scroll ul li{overflow: hidden; margin: 0 auto; width: 1200px; height: 100%; float: left; }
.roe-box .scroll ul li a{ width: 100%; height: 100%; overflow: hidden;}
.roe-box .scroll ul li a img{ max-width: 100%; max-height: 100%; display: block; margin: 0 auto; overflow: hidden; object-fit: cover; }
.roe-box .scroll ul li i{ overflow: hidden; margin: 0 auto; float: left; width: 333px; height: 540px; }
.roe-box .scroll ul li i img{ overflow: hidden; margin: 0 auto; width: 100%; height: 100%; object-fit: cover; }
.roe-box .scroll .team-r{ overflow: hidden; margin: 0 auto; padding: 30px; }
.roe-box .scroll .team-r a{ overflow: hidden; margin: 10px auto; float: left; width: 50%; padding: 0 20px; }
.roe-box .scroll .team-r a:hover p{ color: #f00; }
.roe-box .scroll .team-r a:hover span{ color: #ff8484; }
.roe-box .scroll .team-r a p{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #333333; }
.roe-box .scroll .team-r a span{ overflow: hidden; font-size: 16px; color: #999999; }
.roe-box .gt-btn{ overflow: hidden; margin: 0 auto; width: 69px; height: 69px; display: block; background: #cccccc; }
.roe-box .gt-btn:hover{ background: #0093dd; }
.roe-box .prev{ position: absolute; bottom: -69px; right:0;  border-radius: 0 0 5px 5px;}
.roe-box .next{ position: absolute; bottom: 0; right:-69px; border-radius: 0 5px 5px 0; }

/*search*/
.search-bt{overflow: hidden; margin: 50px auto; width: 1200px;}
.search-bt h4{overflow: hidden; margin: 0 auto;font-size: 32px; font-weight: normal; text-align: center;}
.search-empty{overflow: hidden; margin: 0 auto; width: 1200px; min-height: 300px; }
.search-empty p{overflow: hidden; margin: 0 auto; font-size: 16px; color: #333; text-align: center;}


/*lobby*/
.lobby{ overflow: hidden; margin: 0 auto;}
.lobby .lobby-nav{ overflow: hidden; margin: 100px auto; display: table;}
.lobby .lobby-nav a{ overflow: hidden; width: 220px; height: 220px; display: block; background: #f7f7f7; border-radius: 50%; float: left; margin: 0 25px; }
.lobby .lobby-nav a.active{ background: #0092dd; }
.lobby .lobby-nav a.active p{ color: #fff; }
.lobby .lobby-nav a.active span{ color: #fff; }

.lobby .lobby-nav a p{ overflow: hidden; margin: 75px auto 0; font-size: 26px; color: #636d7a; text-align: center;}
.lobby .lobby-nav a span{ overflow: hidden; margin: 0 auto; display: block; font-size: 16px; color: #636d7a; text-align: center;}
.lobby .lobby-search{ overflow: hidden; margin: 50px auto; width: 620px; position: relative;}
.lobby .lobby-search input{ overflow: hidden; margin: 0 auto; width: 100%; height: 54px; font-size: 16px; color: #666; padding: 0 10px; border: 1px solid #ddd; border-radius: 5px;}
.lobby .lobby-search input::placeholder{ color: #ccc; }
.lobby .lobby-search .search-btn{ overflow: hidden; display: block; width: 30px; height: 30px; background: url("../images/search_btn.png") no-repeat center; position: absolute; top:0; right:10px; bottom: 0; margin: auto; }
.lobby-box{overflow: hidden; margin: 0 auto; width: 90%}
.lobby-txt{overflow: hidden; margin: 0 auto;}
.lobby-list{overflow: hidden; margin: 30px auto; position: relative;}
.lobby-px{overflow: hidden; margin: 0 auto; width: 100%; position: relative; z-index: 2;}
.lobby-list:hover .lobby-px-bg{background: #bce8ff;}
.lobby-px:hover i{box-shadow:0 2px 15px rgba(0, 164, 250, 0.5);}
.lobby-px i{overflow: hidden; margin:30px 5px; width: 382px; height: 382px; display: block; float: left; border-radius: 50%; background: #fff; position: relative; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.38); transition: 1s; -moz-transition: 1s; -webkit-transition: 1s;}
.lobby-px i img{width: 90%; height: auto; display: block; position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto;}
.lobby-px .lobby-r{overflow: hidden; margin: 0 auto; padding: 50px 0; padding-left: 50px; }
.lobby-px .lobby-r h4{overflow: hidden; margin: 50px auto; font-size: 30px; color: #333333; font-weight: normal; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }
.lobby-px .lobby-r h4 a{color: #333333;}
.lobby-px .lobby-r h4 span{overflow: hidden; margin: 0 10px; font-size: 16px; color: #999999; font-weight: normal; }
.lobby-px .lobby-r .p-box{overflow: hidden; margin: 85px auto 0; padding: 0 0;  height: 160px; overflow-y: scroll;}
.lobby-px .lobby-r .p-box a{overflow: hidden; margin: 0 auto; line-height: 30px; font-size: 16px; color: #666666;}
.lobby-px .lobby-r .p-box p{overflow: hidden; margin: 0 auto; line-height: 30px; font-size: 16px; color: #666666;}
.lobby-list .lobby-px-bg{overflow: hidden; margin: 0 auto; width: 100%; height: 278px; background: #f6f6f6; position: absolute; bottom: 0; left:0; z-index: 1; transition: 1s; -moz-transition: 1s; -webkit-transition: 1s;}

/*新闻*/
.news{overflow: hidden; margin: 0 auto; background: url("../images/news_bg_01.png") no-repeat top left #f5f5f4; }
.news-1{overflow: hidden; margin: 0 auto; background: url("../images/news_bg_02.png") no-repeat bottom right;}
.news .news-1 .news-bt{overflow: hidden; margin: 0 auto; width: 1200px; position: relative;}
.news .news-1 .more-btn{overflow: hidden;display: block; font-size: 16px; color: #ffffff;  width:102px; height: 38px; line-height: 38px; text-align: center; border-radius: 5px; background: #167be1; position: absolute; top:0; bottom: 0; right:0; margin: auto; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;}
.news .news-1 .more-btn:hover{ font-size: 18px; }
.news .news-1 .news-box{overflow: hidden; margin: 0 auto; width: 1200px; }
.news .news-1 .news-f{overflow: hidden; margin: 0 auto; float: left; width: 515px; padding: 40px 30px; background: #fff; }
.news .news-1 .news-f-wb{overflow: hidden; margin: 0 auto; }
.news .news-1 .news-f-wb span{overflow: hidden; margin: 0 auto; font-size: 24px; color: #999999; }
.news .news-1 .news-f-wb h4{overflow: hidden; margin: 20px auto; font-weight: normal; }
.news .news-1 .news-f-wb h4 a{overflow: hidden; margin: 0 auto; font-size: 20px; color: #333333; }
.news .news-1 .news-f-wb p{overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; }
.news .news-1 .news-f-wb p a{overflow: hidden; margin: 0 auto; font-size: 16px; color: #333333; line-height: 24px; }
.news .news-1 .news-f-wb i{overflow: hidden; margin: 50px auto; display: block; width: 449px; height: 224px; float: left;}
.news .news-1 .news-f-wb i img{margin: 0 auto; display: block; width:100%; height: 100%; object-fit: cover;}
.news .news-1 .news-f-wb .news-f-more{overflow: hidden; margin: 0 auto; display: block; font-size: 32px; color: #fff; text-align: center; width: 150px; height: 45px; line-height: 45px; background: #dddddd; border-radius: 5px; float: left; }
.news .news-1 .news-f-wb .news-f-more:hover{  background: #167be1;}
.news .news-1 .news-r{overflow: hidden; margin: 0 auto; float: right; width: 515px;  }
.news .news-1 .news-r ul{overflow: hidden; margin: 0 auto;  }
.news .news-1 .news-r ul li{overflow: hidden; margin: 0 auto; border-top: 1px solid #ddd; padding: 20px 0; }
.news .news-1 .news-r ul li span{overflow: hidden; margin: 0 auto; font-size: 24px; color: #999999;  }
.news .news-1 .news-r ul li h4{overflow: hidden; margin: 20px auto; font-weight: normal;}
.news .news-1 .news-r ul li h4 a{overflow: hidden; margin: 0 auto; font-size: 20px; color: #333333; }
.news .news-1 .news-r ul li p{overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; }
.news .news-1 .news-r ul li p a{overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; line-height: 24px; }
.news-2{overflow: hidden; margin: 0 auto; height: 800px; background: url("../images/news_bg_03.jpg") no-repeat center;}
.news-bg2{overflow: hidden; margin: 0 auto; width: 1200px; padding: 20px 0;}
.news-2 .news-f{overflow: hidden; margin: 0 auto;  width: 50%; float: left; padding-right: 30px;}
.news-2 .news-f .news-bt{overflow: hidden; margin: 0 auto; padding: 20px 0; border-bottom: 1px solid #fff; position: relative;}
.news-2 .news-f .news-bt span{overflow: hidden; margin: 0 auto; font-size: 30px; color: #ffffff;  float: left; }
.news-2 .news-bt .more-btn{overflow: hidden; font-size: 16px; color: #ffffff; height: 40px; line-height: 40px; position: absolute; top:0; bottom: 0; right:0; margin: auto;  transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;}
.news-2 .news-bt .more-btn:hover{ color: #f00; font-size: 18px; }
.news-2 .news-f .news-f-box{overflow: hidden; margin: 0 auto;}
.news-2 .news-f .news-f-box ul{overflow: hidden; margin: 0 auto;}
.news-2 .news-f .news-f-box ul li{overflow: hidden; margin: 0 auto; height: 48px; }
.news-2 .news-f .news-f-box ul li:nth-of-type(1){ height: auto; border-top: 0;padding: 20px 0; border-bottom: 1px dashed #fff; margin-bottom: 6px;}
.news-2 .news-f .news-f-box ul li:nth-of-type(1) span{ display: block;}
.news-2 .news-f .news-f-box ul li:nth-of-type(1) h4{ margin: 20px auto;}
.news-2 .news-f .news-f-box ul li:nth-of-type(1) h4 em{ display: none; }
.news-2 .news-f .news-f-box ul li:nth-of-type(1) h4 a{ margin: 0 auto; font-size: 20px;}
.news-2 .news-f .news-f-box ul li:nth-of-type(1) p{ display: block; }
.news-2 .news-f .news-f-box ul li:nth-of-type(1):hover p a{ color: #fbb900; font-size: 16px;}
.news-2 .news-f .news-f-box ul li span{overflow: hidden; margin: 0 auto; font-size: 24px; color: #ffffff; display: none;}
.news-2 .news-f .news-f-box ul li h4{overflow: hidden; margin: 0 auto; font-size: 16px; color: #ffffff; width: 100%; display: block; white-space:nowrap; text-overflow:ellipsis; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
.news-2 .news-f .news-f-box ul li h4 a{overflow: hidden; margin: 0 auto; height: 48px; line-height: 48px; font-size: 16px; color: #ffffff; float: left; width: 80%; display: block; white-space:nowrap; text-overflow:ellipsis; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;}
.news-2 .news-f .news-f-box ul li:hover a{ color: #fbb900; font-size: 18px; }
.news-2 .news-f .news-f-box ul li:hover em{ color: #fbb900; font-size: 18px; }
.news-2 .news-f .news-f-box ul li:hover span{ color: #fbb900;}
.news-2 .news-f .news-f-box ul li h4 em{overflow: hidden; margin: 0 auto; height: 48px; line-height: 48px; font-size: 16px; color: #ffffff; float: right; width: 20%; text-align: right; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;}
.news-2 .news-f .news-f-box ul li  p{overflow: hidden; margin: 0 auto; font-size: 16px; color: #ffffff; display: none; }
.news-2 .news-f .news-f-box ul li  p a{overflow: hidden; margin: 0 auto; font-size: 16px; color: #ffffff;}
.news-2 .news-r{overflow: hidden; margin: 0 auto; width: 50%; float: right; padding-left: 30px; }
.news-2 .news-r-1{overflow: hidden; margin: 0 auto; }
.news-2 .news-r .news-bt{overflow: hidden; margin: 0 auto; padding: 20px 0; border-bottom: 1px solid #fff; position: relative;}
.news-2 .news-r .news-bt span{overflow: hidden; margin: 0 auto; font-size: 30px; color: #ffffff;  float: left; }
.news-2 .news-r-box ul{overflow: hidden; margin: 10px auto;}
.news-2 .news-r-box ul li{overflow: hidden; margin: 0 auto; height: 48px; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
.news-2 .news-r-box ul li a{overflow: hidden; margin: 0 auto; display: block; }
.news-2 .news-r-box ul li:hover p{ color: #fbb900; font-size: 18px;  }
.news-2 .news-r-box ul li:hover span{ color: #fbb900; font-size: 18px;  }
.news-2 .news-r-box ul li p{overflow: hidden; margin: 0 auto; height: 48px; line-height: 48px; float: left; font-size: 16px; color: #ffffff; width: 80%; display: block; white-space:nowrap; text-overflow:ellipsis; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;}
.news-2 .news-r-box ul li span{overflow: hidden; margin: 0 auto; height: 48px; line-height: 48px; font-size: 16px; color: #ffffff; float: right; width: 20%; text-align: right;  transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;}
.news-3{  overflow: hidden; margin: 0 auto; position: relative;}
.news-3bg{ overflow: hidden; margin: 0 auto; width: 1200px;}
.news-3bg .swiper-wrapper{  margin: 0 auto; }
.news-3bg .swiper-wrapper a{ overflow: hidden; margin: 0 auto; width: 100%; display: block; position: relative;}
.news-3bg .swiper-wrapper a i{ overflow: hidden; margin: 0 auto; display: block; width: 100%; padding: 35px; background: url("../images/video_bg.png") no-repeat center 50%; background-size: cover;}
.news-3bg .swiper-wrapper a i img{margin: 0 auto; display: block; width: 306px; height: 196px; object-fit: cover;}
.news-3bg .swiper-wrapper a p{ overflow: hidden; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.5); position:  absolute; top:0; left:0; }
.news-3bg .swiper-wrapper a p:before{ content: ""; overflow: hidden; width: 46px; height: 46px; display: block; position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto; background: url("../images/video_01.png") no-repeat center 50%; }
.news-3bg .swiper-wrapper a:hover p{ background: transparent; }
.news-3bg .swiper-wrapper a:hover p:before{ background: url("../images/video_02.png") no-repeat center 50%; }
.news-3bg .swiper-wrapper span{ overflow: hidden; display: block; font-size: 16px; color: #333333; margin: 15px auto; text-align: center; }
.news-3bg .swiper-pagination{ display: none; }
.news-3 .swiper-button-next{ right:50px; }
.news-3 .swiper-button-prev{ left:50px; }

/*news-list*/
.news-list-nav{overflow: hidden; margin: 0 auto;}
.news-list-nav{ overflow: hidden; margin: 100px auto; display: table;}
.news-list-nav a{ overflow: hidden; width: 220px; height: 220px; display: block; background: #f7f7f7; border-radius: 50%; float: left; margin: 0 25px; }
.news-list-nav a.active{ background: #0092dd; }
.news-list-nav a.active p{ color: #fff; }
.news-list-nav a.active span{ color: #fff; }
.news-list-nav a i{background-image: url($img); overflow: hidden; margin: 35px auto 0; width: 80px; height: 80px; display: block;}
.news-list-nav a.active i{}
.news-list-nav a i img{ margin: 0 auto; width: 100%; height: 100%; display: block; object-fit: cover;}
.news-list-nav a p{ overflow: hidden; margin: 0 auto; font-size: 26px; color: #636d7a; text-align: center;}
.news-list-nav a span{ overflow: hidden; margin: 0 auto; display: block; font-size: 16px; color: #636d7a; text-align: center;}
.news-list-box{ overflow: hidden; margin: 0 auto; width: 1200px;}
.news-list-box ul{ overflow: hidden; margin: 0 auto; }
.news-list-box ul li{ overflow: hidden; margin: 0 auto; padding: 45px 0; border-bottom: 1px solid #ddd;}
.news-list-box a{ overflow: hidden; margin: 0 auto; display: block;}
.news-list-box a:hover i img{transform: scale(1.4);}
.news-list-box a:hover h4{ color: #0092dd; }
.news-list-box a i{ overflow: hidden; margin: 0 auto; display: block; width: 285px; height: 200px; float: left;}
.news-list-box a i img{ margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.6s;  }
.news-list-box a div{ overflow: hidden; margin: 0 auto; padding-left: 65px; }
.news-list-box a div h4{ overflow: hidden; margin: 20px auto; font-size: 22px; color: #333333; text-align: left; display: block; white-space:nowrap; text-overflow:ellipsis; }
.news-list-box a div p{ overflow: hidden; margin: 30px auto; font-size: 16px; color: #666666; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list-box a div span{ overflow: hidden; margin: 20px auto; font-size: 16px; color: #cccccc; text-align: left; }

.news-list-box2{ overflow: hidden; margin: 0 auto; width: 1200px;}
.news-list-box2 ul{ overflow: hidden; margin: 0 auto; }
.news-list-box2 ul li{ overflow: hidden; margin: 0 auto; padding: 45px 0; border-bottom: 1px solid #ddd;}
.news-list-box2 a{ overflow: hidden; margin: 0 auto; display: block;}
.news-list-box2 a:hover i img{transform: scale(1.4);}
.news-list-box2 a:hover h4{ color: #0092dd; }
.news-list-box2 a i{ overflow: hidden; margin: 0 auto; display: block; width: 285px; height: 340px; float: left;}
.news-list-box2 a i img{ margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.6s;  }
.news-list-box2 a div{ overflow: hidden; margin: 0 auto; padding-left: 65px; }
.news-list-box2 a div h4{ overflow: hidden; margin: 20px auto; font-size: 22px; color: #333333; text-align: left; display: block; white-space:nowrap; text-overflow:ellipsis; }
.news-list-box2 a div p{ overflow: hidden; margin: 30px auto; height: 210px; font-size: 16px; color: #666666; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list-box2 a div span{ overflow: hidden; margin: 20px auto; font-size: 16px; color: #cccccc; text-align: left; }
/*news-details*/
.news-details{overflow: hidden; margin: 0 auto;}
.news-details .news-hx{overflow: hidden; margin: 0 auto; width: 1200px;}
.news-details .news-hx span{overflow: hidden; margin: 0 auto; width: calc(100% - 138px); height: 26px; display: block; background: url("../images/hx_c.png") repeat-x center; float: left; }
.news-details .news-hx:before{ content: ""; overflow: hidden; margin: 0 auto; width: 69px; height: 26px; display: block; background: url("../images/hx_f.png") no-repeat; float: left; }
.news-details .news-hx:after{ content: ""; overflow: hidden; margin: 0 auto; width: 69px; height: 26px; display: block; background: url("../images/hx_r.png") no-repeat; float: right;}
.news-details .news-details-bt{ overflow: hidden; margin: 0 auto 20px; padding: 20px 0; }
.news-details .news-details-bt h4{ overflow: hidden; margin: 20px auto; font-size: 26px; color: #333333; text-align: center; font-weight: normal; }
.news-details .news-details-bt p{ overflow: hidden; margin: 0 auto; display: table; font-size: 16px; color: #999999; text-align: center;}
.news-details .news-details-bt p span{ overflow: hidden; margin: 0 10px; float: left;}
.news-details .news-details-bt .share-btn{ overflow: hidden; display: block; width:18px; height: 16px; margin: 3px auto; }
.news-details .news-details-bt .share-btn img{ overflow: hidden; display: block; width:18px; height: 16px; }
.news-details .news-details-box{ overflow: hidden; margin: 0 auto 40px; width: 980px; padding: 20px 0;}
.news-details .news-details-box img{ overflow: hidden; display: block; margin: 0 auto; }
.news-details .news-details-box p{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; text-indent: 2em; line-height: 26px;}
.news-details .news-details-box p img{ display: block; margin: 40px auto; }
.bolster{ overflow: hidden; margin: 50px auto; display: table; }
.bolster a{ overflow: hidden; margin: 0 5px; font-size: 16px; color: #ffffff; text-align: center; width: 192px; height: 45px; line-height: 45px; display: block; border-radius: 5px; background: #dddddd; float: left; }
.bolster a:hover{ background: #0093dd; color: #fff; }
/*视频*/
.video{overflow: hidden; margin: 0 auto; width: 1200px;}
.video-xp{overflow: hidden; margin: 0 auto;}
.video-xp i{overflow: hidden; margin: 0 auto; width: 50%; }
.video-xp i a{overflow: hidden; margin: 0 auto; display: block; padding: 60px; background: url("../images/video_bg.png") no-repeat center 50%; background-size: cover; position: relative;}
.video-xp i a:hover p{ background: transparent; }
.video-xp i a:hover p:before{background: url("../images/video_02.png") no-repeat center; background-size: 100%; }
.video-xp i img{margin: 0 auto; width: 100%; height: 100%; object-fit: cover; display:block; }
.video-xp i a p{ overflow: hidden; margin: 0 auto; width: 100%; height: 100%; display: block; position: absolute; top:0; left:0; background: rgba(0, 0, 0, 0.5);}
.video-xp i a p:before{ content: ""; overflow: hidden; width: 65px; height: 65px; display: block; position: absolute; top:0; left:0; right:0; bottom: 0; margin: auto; background: url("../images/video_01.png") no-repeat center; background-size: 100%;}
.video-xp .video-txt{ overflow: hidden; margin: 0 auto; padding-left: 85px; }
.video-xp .video-bt{ overflow: hidden; margin: 0 auto; padding: 55px 0;}
.video-xp .video-bt h4{ overflow: hidden; margin: 10px auto; font-size: 32px; color: #333333; font-weight: normal; }
.video-xp .video-bt span{ overflow: hidden; margin: 0 auto; font-size: 20px; color: #999999; }
.video-xp-box .video-txt-p{ overflow: hidden; margin: 0 auto; }
.video-xp .video-txt-p p{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; line-height: 30px; }
.video .left-surface i{ float: left; }
.video .right-surface i{ float: right; }
/*safety*/
.safety{overflow: hidden; margin: 0 auto; width: 1200px;}
.safety .safety-1{overflow: hidden; margin: 0 auto; padding-bottom: 50px; border-bottom: 1px solid #ddd;}
.safety .safety-1-f{overflow: hidden; margin: 0 auto; float: left; width: 50%;}
.safety .safety-bt{overflow: hidden; margin: 0 auto; }
.safety .safety-bt i{overflow: hidden; margin: 0 auto; float: left;}
.safety .safety-bt i img{overflow: hidden; margin: 0 auto; width: 21px; height: 40px;}
.safety .safety-bt h4{overflow: hidden; margin: 0 auto; font-size: 24px; color: #333333; float: left; height: 40px; line-height: 55px; font-weight: bold; padding: 0 10px;}
.safety .safety-1-f{overflow: hidden; margin: 0 auto; }
.safety .safety-1-f ul{overflow: hidden; margin: 20px auto; }
.safety .safety-1-f ul li{overflow: hidden; margin: 15px auto; }
.safety .safety-1-f ul li p{overflow: hidden; margin: 0 auto; font-size: 16px; color: #999999;}
.safety .safety-1-r{overflow: hidden; margin: 0 auto; float: left; width: 50%;}
.safety .safety-1-r i{overflow: hidden; margin: 0 auto; width: 100%; display: block;}
.safety .safety-1-r i img{margin: 0 auto; width: 100%; display: block;}
.safety .safety-2{overflow: hidden; margin: 0 auto; padding: 50px 0;}
.safety .safety-rz1{overflow: hidden; margin: 0 auto; }
.safety .safety-rz1 ul{overflow: hidden; margin: 40px auto; }
.safety .safety-rz1 ul li{overflow: hidden; margin: 0 auto 50px; margin-right: 44px; float: left; width: 204px; height: 268px; }
.safety .safety-rz1 ul li i{overflow: hidden; margin: 0 auto;}
.safety .safety-rz1 ul li i img{overflow: hidden; margin: 0 auto; display: block; width: 100%;}
.safety .safety-rz1 ul li:nth-of-type(5n){ margin-right: 0; }
.safety .safety-rz2{ overflow: hidden; margin: 0 auto; }
.safety .safety-rz2 ul{ overflow: hidden; margin: 0 auto; }
.safety .safety-rz2 ul li{ overflow: hidden; margin: 7px auto; width: calc(100% / 3); float: left; }
.safety .safety-rz2 ul li a{ overflow: hidden; margin: 0 auto; display: block; }
.safety .safety-rz2 ul li span{ overflow: hidden; margin: 0 auto; float: left; font-size: 20px; color: #fff; padding: 0 15px; height: 30px; line-height: 30px; display: block; background: #0092dd;}
.safety .safety-rz2 ul li p{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #333333; height: 30px; line-height: 30px; display: block; padding: 0 10px; }
/*hr*/
.hr{ overflow: hidden; margin: 0 auto; width: 1200px;}
.hr .hr-1{ overflow: hidden; margin: 0 auto;}
.hr .hr-1-box{ overflow: hidden; margin: 0 auto;}
.hr .hr-1-box p{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #999999; text-align: center; line-height: 26px;}
.hr .hr-1-box i{ overflow: hidden; margin: 80px auto; display: block; width: 100%; padding: 15px; background: #e7e7e7; }
.hr .hr-1-box i img{ overflow: hidden; margin: 0 auto; width: 100%; display: block; }
.hr .hr-2-box{ overflow: hidden; margin: 0 auto;  }
.hr .hr-2-box .recruit-th{ overflow: hidden; margin: 0 auto; background: #0093dd;  }
.hr .hr-2-box .recruit-th span{ overflow: hidden; margin: 0 auto;  font-size: 16px; color: #ffffff; text-align: center; float: left; height: 60px; line-height: 60px; }
.hr .hr-2-box .recruit-th span:nth-of-type(1){ width: 230px; }
.hr .hr-2-box .recruit-th span:nth-of-type(2){ width: 360px; }
.hr .hr-2-box .recruit-th span:nth-of-type(3){ width: 300px; }

.hr .recruit-td .recruit-xp{ overflow: hidden; margin: 0 auto; border-bottom: 1px solid #ddd;}
.hr .recruit-td .recruit-xp span{ overflow: hidden; margin: 0 auto;  font-size: 16px; color: #333333; text-align: center; float: left; height: 60px; line-height: 60px; }
.hr .recruit-td .recruit-xp span:nth-of-type(1){ width: 230px; }
.hr .recruit-td .recruit-xp span:nth-of-type(2){ width: 360px; }
.hr .recruit-td .recruit-xp span:nth-of-type(3){ width: 300px; }
.hr .recruit-td .recruit-xp a{ overflow: hidden; margin: 0 auto; font-size: 16px;  color: #666666; height: 60px; line-height: 60px; text-align: center; float: right; width: 240px;  }
.hr .recruit-td .recruit-xp a p{ overflow: hidden; margin: 0 auto; font-size: 16px;  color: #666666; height: 60px; line-height: 60px; text-align: center; display: table; position: relative; padding: 0 20px;}
.hr .recruit-td .recruit-xp a p:after{ content: ""; width: 10px; height: 10px; display: block; float: right; border-top: 1px solid #999; border-right: 1px solid #999; background: none;  position: absolute; top:0; bottom: 0; right:5px; margin: auto; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.hr .recruit-td .recruit-txt{ overflow: hidden; margin: 0 auto; padding: 20px 50px; display: none;}
.hr .recruit-td .recruit-wbbt{ overflow: hidden; margin: 0 auto; padding: 10px 0; }
.hr .recruit-td .recruit-wbbt div{ overflow: hidden; margin: 0 10px; float: left; }
.hr .recruit-td .recruit-wbbt div span{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #0093dd; float: left;}
.hr .recruit-td .recruit-wbbt div p{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; float: left;}
.hr .recruit-td .recruit-yq{ overflow: hidden; margin: 0 auto; padding:0 10px; }
.hr .recruit-td .recruit-yq h4{ overflow: hidden; margin: 10px auto; font-size: 16px; color: #0093dd;}
.hr .recruit-td .recruit-yq ul{ overflow: hidden; margin: 0 auto; }
.hr .recruit-td .recruit-yq ul li{ overflow: hidden; margin: 5px auto; }
.hr .recruit-td .recruit-yq ul li p{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; }
.hr .hr-3{ overflow: hidden; margin: 0 auto; padding-bottom: 100px;}
.hr .hr-3 .roe-box{ position: relative;}
.hr .hr-3 .cut-box{ overflow: hidden; margin: 0 auto; position: absolute; bottom: -35px; left:0; }
.hr-3 .roe-box .gt-btn{ overflow: hidden; margin: 0 auto; width: 69px; height: 69px; display: block; background: #cccccc; float: left; position: initial; border-radius: 0; }
.hr-3 .roe-box .gt-btn:hover{ background: #0093dd; }
/*contact*/
.contact{overflow: hidden; margin: 0 auto; }
.contact-bg{ overflow: hidden; margin: 0 auto; background: url("../images/contact_bg.png") repeat-y center; }
.contact-box{ overflow: hidden; margin: 0 auto; width: 1200px;}
.contact-box .map-box{ overflow: hidden; margin: 30px auto;}
.contact-box .map-box img{ overflow: hidden; margin: 0 auto; display: block;}
.contact-1{ overflow: hidden; margin: 0 auto;}
.contact-1bg{ overflow: hidden; margin: 0 auto; }
.contact-1bg .map-box{ overflow: hidden; margin: 20px auto; }
.contact-1bg .map-box img{ overflow: hidden; margin: 0 auto; display: block; width: 100%; }
.contact-1bg ul{ overflow: hidden; margin: 0 auto; width: 910px; }
.contact-1bg ul li{ overflow: hidden; margin: 10px auto; float: left; width: 420px; margin-right: 70px; }
.contact-1bg ul li:nth-of-type(2n){margin-right:0;}
.contact-1bg ul li span{ overflow: hidden; margin: 0 auto; height: 50px; ;line-height: 50px; float: left; font-size: 20px; color: #999999;}
.contact-1bg ul li span i{ display: block; margin: 0 auto; float: left; width: 50px; height: 50px;}
.contact-1bg ul li span i img{ display: block; margin: 0 auto; width: 100%; height: 100%;}
.contact-1bg ul li p{ overflow: hidden; margin: 0 auto; font-size: 20px; font-weight: bold; color: #666; padding-left: 20px; height: 50px; line-height: 50px; }
.contact-2{ overflow: hidden; margin: 0 auto; }
.contact-2 .apply-box{ overflow: hidden; margin: 0 auto; }
.contact-2 .apply-xp{ overflow: hidden; margin: 0 auto; }
.contact-2 .apply-1{ overflow: hidden; margin: 0 auto; }
.contact-2 .apply-1 div{ overflow: hidden; margin: 0 auto; width: calc(50% - 20px); padding: 15px 0; float: left; border-bottom: 1px solid #ddd; }
.contact-2 .apply-1 div:nth-of-type(1){ margin-right: 40px;}
.contact-2 .apply-1 div span{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; float: left; }
.contact-2 .apply-1 div input{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; float: left; border: none; background: transparent; width: 80%; padding: 0 10px;}
.contact-2 .apply-2{ overflow: hidden; margin: 0 auto; }
.contact-2 .apply-2 div{ overflow: hidden; margin: 0 auto; width: calc(50% - 20px); padding: 15px 0; float: left; border-bottom: 1px solid #ddd; }
.contact-2 .apply-2 div:nth-of-type(1){ margin-right: 40px;}
.contact-2 .apply-2 div span{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; float: left; }
.contact-2 .apply-2 div select{ overflow: hidden; margin: 0 auto; float: right; border: none; background: transparent; font-size: 16px; color: #333333; padding: 0 20px;}
.contact-2 .apply-3{ overflow: hidden; margin: 0 auto; border-bottom: 1px solid #ddd; }
.contact-2 .apply-3 h4{ overflow: hidden; margin: 10px auto; font-size: 16px; color: #666666; }
.contact-2 .apply-3 textarea{ overflow: hidden; margin: 0 auto; width: 100%; font-size: 16px; color: #666; border: none; background: transparent; padding: 5px 10px; }
.contact-2 .apply-3 textarea::placeholder{ color: #cccccc; }
.contact-3{ overflow: hidden; margin: 0 auto; }
.contact-3 .bzhu{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #ff0000; text-align: center; }
.contact-3 .leave-box{ overflow: hidden; margin: 50px auto; }
.contact-3 .leave-xp{ overflow: hidden; margin: 20px auto; }
.contact-3 .leave-xp .name-box{overflow: hidden; margin: 0 auto; float: left;}
.contact-3 .name-box span{ overflow: hidden; margin: 0 auto; display: block; width: 180px;  text-align: right; font-size: 16px; color: #999999; height: 60px; line-height: 60px; }
.contact-3 .leave-xp .alter{ overflow: hidden; margin: 0 auto; width: 648px; float: left; border-bottom: 1px solid #ddd;  padding: 10px 0; position: relative;}
.contact-3 .leave-xp .alter>input{ overflow: hidden; margin: 0 auto; width: 100%; font-size: 16px; color: #666; padding: 0 10px; height: 40px; line-height: 40px; border: none; background: transparent; }
.contact-3 .leave-xp .alter textarea{ overflow: hidden; margin: 0 auto; width: 100%; font-size: 16px; color: #666; padding: 5px 10px; border: none; background: transparent; }
.contact-3 .alter .yzm-btn{ overflow: hidden; width: 243px; height: 53px; line-height: 53px; display: block; text-align: center; font-size: 16px; color: #999999; border-radius: 5px; background: #efefef; position: absolute; top:0; bottom: 0; right:0; margin: auto; }
.contact-3 .leave-xp .alter textarea::placeholder{ color: #cccccc; }
.contact-3 .leave-xp .select-box{ overflow: hidden; margin: 10px auto; float: left;}
.contact-3 .leave-xp .select-box div{ overflow: hidden; margin:0 10px; float: left;}
.contact-3 .select-box div input{ overflow: hidden; margin: 12px auto; float: left; width: 15px; height: 15px; display: block;}
.contact-3 .select-box div span{ overflow: hidden; margin: 0 10px; float: left; font-size: 16px; color: #333333; height: 40px; line-height: 40px;}
.contact-3 .rests{ overflow: hidden; margin: 5px auto; float: left;}
.contact-3 .rests p{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #999999; height: 30px; line-height: 30px;}


/*轮播*/
.tab-lb{overflow: hidden; margin: 0 auto; width: 100%; position: relative;}
.zy-Slide{font-size:12px;width:auto; display: table; height:362px;margin:0 auto;}
.zy-Slide ul{position:relative;width:1200px;height:362px;margin:0;padding:0}
.zy-Slide li{position:absolute;list-style:none; width:0;height:0;top:146px;left:377px;z-index:0;cursor:pointer;border-radius:3px;margin:0;padding:0}
.zy-Slide li a{width:100%;height:100%; overflow: hidden; display: block;}
.zy-Slide li img{width:100%;height:100%;vertical-align:middle}
.zy-Slide section:nth-child(1),.zy-Slide section:nth-child(2){position:absolute;top:50%;width:67px;height:146px;margin-top:-73px;cursor:pointer;text-indent: -9999px; z-index: 97;}
.zy-Slide section:nth-child(1){left:0; background: url("../images/left_btn2.png") no-repeat; }
.zy-Slide section:nth-child(1):hover{ background: url("../images/left_btn2_2.png") no-repeat;}
.zy-Slide section:nth-child(2){right:0; background: url("../images/right_btn2.png") no-repeat; }
.zy-Slide section:nth-child(2):hover{right:0; background: url("../images/right_btn2_2.png") no-repeat; }

/*科学研究*/
.qhb{ overflow: hidden; margin: 0 auto; width: 100%; position: absolute; bottom: 0;}
.qhb a{background: #c9c9c9; width: 12px;  height: 3px; display: none;}
.qhb a.on{ background: #c9c9c9; width: 1200px; display: block; animation:myfirst 8s;
	-moz-animation:myfirst 8s; /* Firefox */
	-webkit-animation:myfirst 8s; /* Safari and Chrome */
	-o-animation:myfirst 8s; /* Opera */}
.jssorl-009-spin img{animation-name:jssorl-009-spin;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:linear}
@keyframes jssorl-009-spin{from{transform:rotate(0)}
	to{transform:rotate(360deg)}
}
@keyframes myfirst
{
	0%   {width:0;}
	100% {width:100%;}
}

@-moz-keyframes myfirst /* Firefox */
{
	0%   {width:0;}
	100% {width:100%;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	0%   {width:0;}
	100% {width:100%;}
}

@-o-keyframes myfirst /* Opera */
{
	0%   {width:0;}
	100% {width:100%;}
}



/* 图片+图文切换 */
.slideBox .bd{ overflow: hidden; margin: 0 auto; }
.slideBox .bd ul{overflow: hidden; margin: 0 auto;  transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
.slideBox .bd ul li{overflow: hidden; margin: 0 auto;}
.slideBox .zk-btn{overflow: hidden; margin: 0 auto; font-size: 16px; color: #fff; text-align: center; width: 150px; height: 45px; line-height: 45px; background: url("../images/zk-btn.png") no-repeat center 50%; border-radius: 5px; display: block;}
.slideBox .zk-btn2{ background: url("../images/zk-btn2.png") no-repeat center 50%;}
.slideBox .note-txt{overflow: hidden; margin: 0 auto; padding: 0 20px;}
.slideBox .note-txt p{overflow: hidden; margin: 0 auto 20px; font-size: 16px; color: #666666; text-align: justify; text-indent: 2em; line-height: 28px!important;}
.slideBox .note-txt p span{overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; text-align: justify; text-indent: 2em; line-height: 28px!important;}
.picScroll-left{ width:100%; float:left; position:relative; }
.hid_left{ position:absolute; top:0; left:0; width:33.33%; background:#fff; height:400px; z-index:10}
.hid_right{ position:absolute; top:0; right:0; width:33.33%; background:#fff; height:400px; z-index:10; }
.picScroll-left .hd ul{ float:right; zoom:1; margin: 20px auto; width:100%; text-align:center;  }
.picScroll-left .hd ul li{ display:inline; width:18px; height:18px; padding:2px 10px; cursor:pointer; background: url("../images/ccc.png") no-repeat center 50%; }
.picScroll-left .hd ul li.on{ background: url("../images/blue.png") no-repeat center 50%;  }
.picScroll-left .bd{ float:left; width:100%; overflow:hidden; margin: 20px auto; position: relative;}
.picScroll-left .bd ul{ float:left; position:relative;}
.picScroll-left .bd .jianbian_bg_left{ position:absolute; top:0; left:0; width:31.5%; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 20%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.2) 98%, #fff 100%); height:300px; z-index:500;}
.picScroll-left .bd ul li{ width:auto; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd .pic{ float:left; width:100%; height: 100%; }
.picScroll-left .pic img{width: 100%; margin: 0 auto; display: block; object-fit: cover; }
.picScroll-left .bd .title{ line-height:24px; }

/*相册*/
.bigbox>.imgbox>img{width:100%;}
.bigimg{max-width: 80%; max-height: 80%; position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999; object-fit: cover;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.7;filter: Alpha(opacity=50);z-index: 100;transition:all 1s;display: none}
.mask:hover{cursor:zoom-out}
.bigimg:hover{cursor: move}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}

/*分享*/
.bFind-wrapper-top{ height: 26px!important; }
#bsLogoList li{width: 69px!important;}
.bsTop{width: auto!important;}
.bsPlatDiv{height: 312px!important;}
.bsFrameDiv>div{ width: 208px!important; height: 208px!important; }
/*.bsBox{width: 560px!important; height: 420px!important;}*/
#bsMorePanel{width: auto!important; height: 370px!important;}
.buzzButton{ overflow: hidden;  height: 21px; width: 18px; background: url("../images/share_btn.png") no-repeat center!important; }
/*banner动画*/
.banner ul li{position:absolute;width:100%;height:100%;background:no-repeat 50% 50%;background-size:cover;opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-animation-name:kenburns;animation-name:kenburns;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:26s;animation-duration:26s}
.banner ul li:nth-child(1){-webkit-animation-name:kenburns-1}
.banner ul li:nth-child(2){z-index:-2;-webkit-animation-name:kenburns-2;animation-name:kenburns-2}
.banner ul li:nth-child(3){z-index:-3;-webkit-animation-name:kenburns-3;animation-name:kenburns-3}
.banner ul li:nth-child(4){z-index:-4;-webkit-animation-name:kenburns-4;animation-name:kenburns-4}
.banner ul li:nth-child(5){z-index:-5;-webkit-animation-name:kenburns-5;animation-name:kenburns-5}
.banner ul li:nth-child(6){z-index:-6;-webkit-animation-name:kenburns-6;animation-name:kenburns-6}
@-webkit-keyframes kenburns-1{0%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	1.5625%{opacity:1}
	23.4375%{opacity:1}
	26.5625%{opacity:1;-webkit-transform:scale(2);transform:scale(2)}
	100%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	98.4375%{opacity:1;-webkit-transform:scale(1.21176);transform:scale(1.21176)}
	100%{opacity:1}
}
@keyframes kenburns-1{0%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	1.5625%{opacity:1}
	23.4375%{opacity:1}
	26.5625%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
	100%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	98.4375%{opacity:1;-webkit-transform:scale(1.21176);transform:scale(1.21176)}
	100%{opacity:1}
}
@-webkit-keyframes kenburns-2{23.4375%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	26.5625%{opacity:1}
	48.4375%{opacity:1}
	51.5625%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
	100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes kenburns-2{23.4375%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	26.5625%{opacity:1}
	48.4375%{opacity:1}
	51.5625%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
	100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@-webkit-keyframes kenburns-3{48.4375%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	51.5625%{opacity:1}
	73.4375%{opacity:1}
	76.5625%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
	100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes kenburns-3{48.4375%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	51.5625%{opacity:1}
	73.4375%{opacity:1}
	76.5625%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
	100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@-webkit-keyframes kenburns-4{73.4375%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	76.5625%{opacity:1}
	98.4375%{opacity:1}
	100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes kenburns-4{73.4375%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	76.5625%{opacity:1}
	98.4375%{opacity:1}
	100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes kenburns-5{73.4375%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	76.5625%{opacity:1}
	98.4375%{opacity:1}
	100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes kenburns-5{73.4375%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	76.5625%{opacity:1}
	98.4375%{opacity:1}
	100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes kenburns-6{73.4375%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	76.5625%{opacity:1}
	98.4375%{opacity:1}
	100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes kenburns-6{73.4375%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
	76.5625%{opacity:1}
	98.4375%{opacity:1}
	100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}



/*兼容*/
@media (min-height:450px) and (max-height:800px){

}
@media only screen and (max-width: 1440px){
	.presents-1 .picScroll-left .picList li{ margin: 0 auto; }
	}
@media only screen and (min-width: 1441px){

}